<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>按钮</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<!--查看各种样式的按钮-->
		<div class="container">
			<button type="button" class="btn btn-default ">默认按钮</button>
			<button type="button" class="btn btn-primary">primary</button>
			<button type="button" class="btn btn-success">success</button>
			<button type="button" class="btn btn-info">info</button>
			<button type="button" class="btn btn-warning">warning</button>
			<button type="button" class="btn btn-link">link</button>
			<button type="button" class="btn btn-danger">danger</button>
		</div>
		
		<!--查看各种大小的按钮-->
		<div class="container">
			<button type="button" class="btn btn-info btn-lg">info</button>
			<button type="button" class="btn btn-info ">info</button>
			<button type="button" class="btn btn-info btn-sm">info</button>
			<button type="button" class="btn btn-info btn-xs">info</button>
		</div>
		
		<div class="container">
			<!--自适应的按钮-->
			<button type="button" class="btn btn-default btn-block">hello</button>
		
		    <!--其它形式的按钮-->
		    <!--链接-->
			<a href="#" class="btn btn-default btn-lg" role="button">链接</a>
			
			<!--input-->
			<input class="btn btn-default" type="button" value="Input"/>
			<!--建议使用button-->
		</div>
		
		<style>
			.kuan{
				width: 100px;
				height: auto;
			}
		</style>
		<div class="container">
			<img src="img/1.png" class="img-circle kuan" />
			<img src="img/1.png" class="img-responsive kuan" />
			<img src="img/1.png" class="img-rounded kuan" />
			<img src="img/1.png" class="img-thumbnail kuan" />
		</div>
		
	</body>
</html>
